<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

<!-- Meta Tags -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Kodelaw - Lawyers Attorneys and Law Firm HTML Template"/>
<meta name="keywords" content="Lawyers, advisor, attorney, business, judge, kodelaw, legal ,"/>
<meta name="author" content="ThemeMascot"/>

<!-- Page Title -->
<title>Kodelaw - Lawyer Attorney and Law Firm HTML Template</title>

<!-- Favicon and Touch Icons -->
<link href="images/favicon.png" rel="shortcut icon" type="image/png">
<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

<!-- Stylesheet -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/javascript-plugins-bundle.css" rel="stylesheet"/>

<!-- CSS | menuzord megamenu skins -->
<link href="assets/dist/js/menuzord/css/menuzord.css" rel="stylesheet"/>

<!-- CSS | timeline -->
<link href="assets/dist/js/timeline-cp-responsive-vertical/timeline-cp-responsive-vertical.css" rel="stylesheet" type="text/css">

<!-- CSS | Main style file -->
<link href="assets/dist/css/style-main.css" rel="stylesheet" type="text/css">
<link id="menuzord-menu-skins" href="assets/dist/js/menuzord/css/skins/menuzord-rounded-boxed.css" rel="stylesheet"/>

<!-- CSS | Responsive media queries -->
<link href="assets/dist/css/responsive.css" rel="stylesheet" type="text/css">
<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->

<!-- CSS | Theme Color -->
<link href="assets/dist/css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css">

<!-- external javascripts -->
<script src="assets/dist/js/jquery.js"></script>
<script src="assets/dist/js/bootstrap.min.js"></script>
<script src="assets/dist/js/javascript-plugins-bundle.js"></script>
<script src="assets/dist/js/menuzord/js/menuzord.js"></script>

<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="container-1340px">
<div id="wrapper" class="clearfix">
	<!-- Header -->
	<header id="header" class="header header-layout-type-header-2rows">
		<div class="header-top ">
			<div class="container">
				<div class="row">
					<div class="col-xl-auto header-top-left align-self-center text-center text-xl-left">
						<ul class="element contact-info">
							<li class="contact-phone"><i class="fa fa-phone font-icon sm-display-block"></i> Tel: +440-98-5298</li>
							<li class="contact-email"><i class="fa fa-envelope-o font-icon sm-display-block"></i> info@example.com</li>
							<li class="contact-address"><i class="fa fa-map-o font-icon sm-display-block"></i> 121 King Street, Melbourne</li>
						</ul>
					</div>
					<div class="col-xl-auto ml-xl-auto header-top-right align-self-center text-center text-xl-right">
						<div class="element">
							<ul class="header-top-nav list-inline">
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Home</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Cart</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Contact Us</strong></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-nav">
			<div class="header-nav-wrapper navbar-scrolltofixed green">
				<div class="menuzord-container header-nav-container green ">
					<div class="container position-relative">
						<div class="row">
							<div class="col">
								<div class="row header-nav-col-row">
									<div class="col-sm-auto align-self-center">
										<a class="menuzord-brand site-brand" href="index.html">
											<img class="logo-default logo-1x" src="images/logo-wide.png" alt="Logo">
											<img class="logo-default logo-2x retina" src="images/logo-wide@2x.png" alt="Logo">
										</a>
									</div>
									<div class="col-sm-auto ml-auto pr-0 align-self-center">
										<nav id="top-primary-nav" class="menuzord green" data-effect="fade" data-animation="none" data-align="right">
											<ul id="main-nav" class="menuzord-menu">
												<li class="active"><a href="index.html">Home</a></li>
												<li><a href="page-about.html">About</a></li>
												<li><a href="#">Pages</a>
													<ul class="dropdown">
														<li><a href="page-features.html">Features</a></li>
														<li><a href="page-services.html">Services</a></li>
														<li><a href="page-case-studies.html">Case Studies</a></li>
														<li><a href="page-team-grid.html">Attorney Grid</a></li>
														<li><a href="page-team-details.html">Attorney Details</a></li>
														<li><a href="page-gallery.html">Gallery</a>
													</ul>
												</li>
												<li><a href="#">Services</a>
													<ul class="dropdown">
														<li><a href="page-services.html">Service Grid</a></li>
														<li><a href="page-service-criminal-law.html">Criminal Law</a></li>
														<li><a href="page-service-family-law.html">Family Law</a></li>
														<li><a href="page-service-personal-injury.html">Personal Injury</a></li>
														<li><a href="page-service-legal-advice.html">Legal Advice</a></li>
														<li><a href="page-service-education-law.html">Education Law</a></li>
														<li><a href="page-service-business-law.html">Business Law</a></li>
													</ul>
												</li>
												<li><a href="#">Blog</a>
													<ul class="dropdown">
														<li><a href="news-grid.html">News Grid</a></li>
														<li><a href="news-details.html">News Details</a></li>
													</ul>
												</li>
												<li><a href="page-contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div>
								<div class="row d-block d-xl-none">
									 <div class="col-12">
										<nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right">
										 <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable">
										 </ul>
										</nav>
									 </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	
	<!-- Start main-content -->
	<div class="main-content-area">
		<!-- Section: inner-header -->
		<section class="page-title divider layer-overlay overlay-dark-8 section-typo-light bg-img-center" data-tm-bg-img="images/bg/bg1.jpg">
			<div class="container pt-90 pb-90">
				<!-- Section Content -->
				<div class="section-content">
					<div class="row">
						<div class="col-md-12 text-center">
							<h2 class="title text-white">Completely iterate covalent strategic</h2>
							<nav role="navigation" class="breadcrumb-trail breadcrumbs">
								<div class="breadcrumbs">
									<span class="trail-item trail-begin">
										<a href="#"><span>Home</span></a>
									</span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item"><a href="#"><span>Pages</span></a></span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item trail-end text-theme-colored2"><span>News Details</span></span>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Blog -->
		<section>
			<div class="container pb-60">
				<div class="section-content">
					<div class="row">
						<div class="col-sm-9">
							<article class="post-single">
								<div class="entry-header mb-30">
									<div class="post-thumb thumb"> <img class="img-fullwidth" src="images/bg/bg2.jpg" alt=""></div>
								</div>
								<div class="entry-content">
									<h5>Libortis sollicitudin</h5>
									<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring natoque sem morbi hac nunc ultricies.</p>
									<h5>Porta tellus aliquam ligula sollicitudin</h5>
									<p>Ultrices conubia vehicula malesuada. Eros commodo a duis accumsan vestibulum adipiscing hendrerit lobortis viverra non justo?</p>
									<ul>
										<li>Lorem ipsum dolor sit amet adipiscing elit.</li>
										<li>Aliquam tincidunt mauris eu risus.</li>
										<li>Vestibulum auctor dapibus neque.</li>
										<li>Habitant aliquam taciti tellus leo class.</li>
										<li>Vitae litora erat penatibus nam lorem</li>
									</ul>
									<h5>Tincidunt wisi euismod iaculis nunc vita</h5>
									<p>Nostra dapibus varius et semper semper rutrum ad risus felis eros. Cursus libero viverra tempus netus diam vestibulum lorem tincidunt congue porta. Non ligula egestas commodo massa. Lorem non sit vivamus convallis elit mollis. Viverra sodales feugiat natoque sem morbi hac nunc ultricies nibh netus facilisis blandit. Felis purus et iaculis. Semper orci duis montes curabitur potenti a varius quis diam, vel litora et? Quis ridiculus pharetra luctus augue duis.</p>
									<blockquote class="tm-sc tm-sc-blockquote blockquote-style3  quote-icon-theme-colored mb-20 mt-20">
										<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.</p>
										<footer><cite>Someone famous</cite></footer>
									</blockquote>
									<h5>Parturient tortor tortor sed tellus molestie neque</h5>
									<p>Habitasse justo, sed justo. Senectus morbi, fermentum magna id tortor. Lacinia sociis morbi erat ultricies dictumst condimentum dictum nascetur? Vitae litora erat penatibus nam lorem. Euismod tempus, mollis leo tempus? Semper est cursus viverra senectus lectus feugiat id! Odio porta nibh dictumst nulla taciti lacus nam est praesent.</p>
									<p>Tincidunt habitant egestas erat lectus congue nisl dapibus nostra bibendum. In est in vitae dictumst varius lorem congue rutrum eget primis augue. At orci cubilia duis orci consequat libero malesuada mi. Porta facilisis dui, justo laoreet penatibus. Eros penatibus justo, tempor ligula vestibulum vestibulum lacus mauris himenaeos quisque proin.</p>
									<p>Aliquam natoque lorem. Id augue porta placerat. Primis a pretium est faucibus nam cubilia eros risus. Laoreet porta et malesuada! Lacus nulla bibendum cubilia taciti mauris cubilia leo quis purus. Laoreet rutrum vel phasellus nec amet scelerisque nisl mollis. Interdum id faucibus eros sodales tellus taciti molestie ut. Nec mus vehicula lectus, dapibus dictumst pulvinar venenatis gravida? Torquent suscipit varius sollicitudin facilisis torquent turpis fermentum laoreet nisl tellus faucibus quam!</p>
								</div>
							</article>
						</div>
						<div class="col-lg-3 sidebar-area sidebar-right">
							<div class=" split-nav-menu clearfix widget widget_search">
								<form role="search" method="get" class="search-form" action="#">
									<input type="search" class="form-control search-field" placeholder="Search …" value="" name="s">
									<button type="submit" class="search-submit"><i class="fa fa-search"></i></button>
								</form>
							</div>
							<div class="split-nav-menu clearfix widget widget-blog-list clearfix">
								<h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Latest News</h4>
								<div class="tm-widget tm-widget-blog-list ">
									<article class="post media-post clearfix">
										<a class="post-thumb" href="#">
											<img width="100" height="70" src="images/blog/1.jpg" class="" alt="">
										</a>
										<div class="post-right">
											<h6 class="post-title"> <a href="#"> Inspired by The Lord </a></h6>
											<span class="post-date">
												<span class="entry-date">February 5, 2020</span>
											</span>
										</div>
									</article>
									<article class="post media-post clearfix">
										<a class="post-thumb" href="#">
											<img width="100" height="70" src="images/blog/2.jpg" class="" alt="">
										</a>
										<div class="post-right">
											<h6 class="post-title"> <a href="#"> A Cluster Randomized Trial </a></h6>
											<span class="post-date">
												<span class="entry-date">February 2, 2021</span>
											</span>
										</div>
									</article>
									<article class="post media-post clearfix">
										<a class="post-thumb" href="#">
											<img width="100" height="70" src="images/blog/3.jpg" class="" alt="">
										</a>
										<div class="post-right">
											<h6 class="post-title"> <a href="#"> A Multilevel Examination of </a></h6>
											<span class="post-date">
												<span class="entry-date">February 2, 2020</span>
											</span>
										</div>
									</article>
									<article class="post media-post clearfix">
										<a class="post-thumb" href="#">
											<img width="100" height="70" src="images/blog/1.jpg" class="" alt="">
										</a>
										<div class="post-right">
											<h6 class="post-title"> <a href="#"> Having studied war poetry </a></h6>
											<span class="post-date">
												<span class="entry-date">February 4, 2021</span>
											</span>
										</div>
									</article>
								</div>
							</div>
							<div class="widget widget_categories">
								<h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Categories</h4>
								<ul>
									<li class="cat-item cat-item-16"><a href="#">Admission</a></li>
									<li class="cat-item cat-item-17"><a href="#">Cultural Program</a></li>
									<li class="cat-item cat-item-18"><a href="#">Result</a></li>
								</ul>
							</div>
							<div class=" split-nav-menu clearfix widget widget_text">
								<div class="textwidget">
									<div class="section-typo-light text-center bg-theme-colored1 mb-md-40 p-30 pt-40 pb-40">
										<p><img class="size-full wp-image-800 aligncenter" src="images/icon/headphone-128.png" alt="" width="128" height="128"></p>
										<h4>Online Help!</h4>
										<h5 class="font-poppins font-weight-500">+(123) 456-7890</h5>
									</div>
								</div>
							</div>
							<div class=" split-nav-menu clearfix widget widget_text">
								<div class="textwidget">
									<div class="section-typo-light bg-theme-colored1 mb-md-40 p-30 pt-40 pb-40">
										<p class="font-size-15 mb-30">Competently parallel task fully researched data and enterprise process improvements.</p>
										<div class="tm-sc tm-sc-button"> <a href="" target="_self" class="btn btn-dark btn-theme-colored2 btn-sm btn-xs btn-round" rel="noopener noreferrer">Download PDF <i class="fa fa-file-pdf-o"></i></a></div>
									</div>
								</div>
							</div>
							<div class=" split-nav-menu clearfix widget widget-brochure-box clearfix"><a class="tm-widget tm-widget-brochure-box tm-widget-brochure-box-default brochure-box brochure-box-default  brochure-box-theme-colored1 mb-10" href="#"> <i class="brochure-icon fa fa-download"></i>
								<h5 class="text">Registration</h5>
								</a></div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<!-- end main-content -->	

	<!-- Footer -->
	<footer id="footer" class="footer">
		<div class="footer-widget-area">
			<div class="container pt-90 pb-60">
				<div class="row">
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_contact_info-1" class="split-nav-menu clearfix widget widget-contact-info clearfix mb-20">
							<div class="tm-widget tm-widget-contact-info contact-info contact-info-style1  contact-icon-theme-colored1">
								<div class="thumb">
									<img alt="Logo" src="images/logo-wide-white.png">
								</div>
								<div class="description">203, Envato Labs, Behind Alis Steet, Melbourne, Australia.immersion along the information close the loop on focusing</div>
							</div>
						</div>
						<div id="tm_widget_social_list_custom-1" class="split-nav-menu clearfix widget widget-social-list-custom clearfix">
							<ul class="tm-widget tm-widget-social-list tm-widget-social-list-custom styled-icons  icon-dark  icon-rounded icon-theme-colored1 mt-20">
								<li><a class="social-link" href="#" ><i class="fa fa-facebook"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-twitter"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-youtube"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-instagram"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_blog_list-1" class="split-nav-menu clearfix widget widget-blog-list clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Latest News</h4>
							<div class="tm-widget tm-widget-blog-list "> 
								<!-- the loop -->
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/3.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#">Customer Focused </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-05-15T06:10:26+00:00">April 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/2.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> School For Poor </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-07-15T06:10:26+00:00">June 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/1.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> Shelter For Homeless </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-09-15T06:10:26+00:00">November 15, 2019</time>
										</span> 
									</div>
								</article>
								<!-- end of the loop --> 
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="nav_menu-1" class="widget widget_nav_menu">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Services</h4>
							<div class="menu-service-nav-menu-container">
								<ul id="menu-service-nav-menu" class="menu">
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20545"><a href="#">Kitchen Remodel</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20546"><a href="#">Home Renovation</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20547"><a href="#">Home Repair</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20548"><a href="#">Painting</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20549"><a href="#/">Windows & Doors</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20550"><a href="#">Bathroom Remodel</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_opening_hours_compressed-1" class="split-nav-menu clearfix widget widget-opening-hours-compressed clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Opening Hours</h4>
							<ul class="tm-widget tm-widget-opening-hours tm-widget-opening-hours-compressed opening-hours border-dark">
								<li class="clearfix"> <span>Monday - Tuesday</span>
									<div class="value">9.00 - 17.00</div>
								</li>
								<li class="clearfix"> <span>Wednesday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Thursday - Friday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Saturday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Sunday</span>
									<div class="value">Closed</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom" data-tm-bg-color="#2A2A2A">
				<div class="container">
					<div class="row pt-20 pb-20">
						<div class="col-sm-6">
							<div class="footer-paragraph">
								© 2019 ThemeMascot. All Rights Reserved.
							</div>
						</div>
						<div class="col-sm-6">
							<div class="footer-paragraph text-right">
								Site Template
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<!-- end wrapper -->

<!-- Footer Scripts -->
<!-- JS | Custom script for all pages -->
<script src="assets/dist/js/custom.js"></script>

</body>
</html>

